<!--<template>-->
<!--  <div>-->
<!--    南京市： {{ this.cc }}<br>-->
<!--    北京的地理坐标：{{this.ee}}<br>-->
<!--    <button @click="getaddress">南京市</button>-->
<!--    <button @click="getbeijing">获取北京位置</button>-->
<!--    <button @click="getjuli">测试距离</button>-->
<!--    <button @click="getabc">获取当前地理位置</button>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import axios from 'axios';-->
<!--import MapLoader from './util.js'-->
<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      address: '获取中...',-->
<!--      ip:'NULL',-->
<!--      a:"上海市浦东新区",-->
<!--      b:"北京市海淀区白水洼路77号积云教育",-->
<!--      cc: {},-->
<!--      pp:{},-->
<!--      ee:{}-->
<!--    };-->
<!--  },-->
<!--  created() {-->
<!--    MapLoader();-->
<!--  },-->
<!--  methods: {-->



<!--    //获取当前位置的经纬度-->
<!--    getaddress() {-->
<!--      axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${this.a}&output=JSON&key=497c66a7bfeda317880776a6d296ca5f`).then(res => {-->
<!--        this.ff=res.data;-->
<!--        this.cc=this.ff.geocodes[0].location-->
<!--      })-->
<!--    },-->
<!--    //   获取天安门-->
<!--    getbeijing(){-->
<!--      axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${this.b}&output=JSON&key=497c66a7bfeda317880776a6d296ca5f`).then(res => {-->
<!--        this.pp=res.data;-->
<!--        this.ee=this.pp.geocodes[0].location-->
<!--      })-->
<!--    },-->

<!--    //测试距离-->
<!--    getjuli(){-->
<!--      axios.get(`https://restapi.amap.com/v3/distance?origins=${this.cc}&destination=${this.ee}&output=JSON&key=497c66a7bfeda317880776a6d296ca5f`).then(res => {-->
<!--        console.log(res.data.results[0].distance);-->
<!--      })-->
<!--    },-->

<!--    //获取当前地理位置-->
<!--    getabc(){-->


<!--      var Ra = sessionStorage.getItem("R");-->
<!--      var Qa = sessionStorage.getItem("Q");-->
<!--      console.log("经度===="+Ra)-->
<!--      console.log("纬度===="+Qa)-->
<!--    }-->


<!--  }-->

<!--};-->
<!--</script>-->